<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>时尚Woomcommerce-登陆页面模板</title>
    <!-- Bootstrap -->
    <link href="../stylesheets/bootstrap.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="../stylesheets/style.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="../stylesheets/jquery-ui.css" type="text/css">
    
    <!-- FontAwesome CSS -->
    
    <link href="../stylesheets/font-awesome.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- search area -->
<body>
    <div class="collapse" id="search-area">
        <div class="search-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
            <button class="btn btn-primary" type="button">Go!</button>
            </span> </div>
                        <!-- /input-group -->
                    </div>
                    <!-- /.col-lg-6 -->
                </div>
            </div>
        </div>
    </div>
    <!-- search area -->
      <!-- top-header-start -->
    <div class="top-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6 hidden-sm hidden-xs">
                    <div class="call-msg">
                        <p><span class="call-icon"><i class="fa fa-phone"></i></span>+1800-123-4567 / 7 days a week from 9:00 am to 7:00 pm.</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="top-nav">
                        <ul>
                            <li><a href="#">我的帐户 </a></li>
                            <li> | </li>
                            <li><a href="#">登陆</a></li>
                            <li>
                                <a role="button" data-toggle="collapse" href="#search-area" aria-expanded="false" aria-controls="search-area"> <i class="fa fa-search"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
      <!-- top-header-close -->
        <!-- header-section-start -->
    <div class="header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12">
                    <div class="logo"><a href="index.html"><img src="../images/logo.png" alt=""></a></div>
                </div>
                <div class="col-lg-9 col-md-10 col-sm-12 col-xs-12">
                <!-- navigation-start -->
                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="index.html" title="Home">家</a></li>
                                <li class="has-sub"><a href="#" title="men">男装</a>
                                    <ul>
                                        <li><a href="product-list.html" title="T-Shirts">上衣</a></li>
                                        <li><a href="product-list.html" title="casual shirts">休闲衬衫</a></li>
                                        <li><a href="product-list.html" title="formal shirts">正式衬衫</a></li>
                                        <li><a href="product-list.html" title="jeans">牛仔裤</a></li>
                                        <li><a href="product-list.html" title="casual shirts">休闲衬衫</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="men">女装</a>
                                    <ul>
                                        <li><a href="product-list.html" title="kurtas-kurtis-suits">kurtas-kurtis套装</a></li>
                                        <li><a href="product-list.html" title="dresses-and-jumpsuits">连身裙</a></li>
                                        <li><a href="product-list.html" title="jeans-jeggings">牛仔裤饰物</a></li>
                                        <li><a href="product-list.html" title="shapewear">塑身衣</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="Pages">页数</a>
                                    <ul>
                                        <li><a href="product-list.html" title="product-list">产品列表</a></li>
                                        <li><a href="product-single.html" title="product single">产品单 </a></li>
                                        <li><a href="about.html" title="about">关于</a></li>
                                        <li><a href="cart.html" title="cart">大车</a></li>
                                        <li><a href="account.html" title="account">帐户</a></li>
                                        <li><a href="checkout.html" title="checkout">查看</a> </li>
                                        <li><a href="404-error.html" title="404 error">404错误</a> </li>
                                        <li><a href="styleguide.html" title="Styleguide">时尚指南</a> </li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="blog-default.html" title="Blog ">博客 </a>
                                    <ul>
                                        <li><a href="blog-default.html" title="Blog">博客默认</a></li>
                                        <li><a href="blog-single.html" title="Blog Single ">单博客 </a></li>
                                    </ul>
                                </li>
                                <li><a href="contact-us.html" title="Contact Us">联系我们</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- navigation-close -->
                </div>
            </div>
        </div>
    </div>
    <!-- header-section close -->
    <!-- page-header-start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="page-section">
                        <div class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li><a href="#">家</a></li>
                                <li>帐户</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.page-header-close -->
         <!--forms-->

    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="account-holder">
                         <!--login-form-->
                        <h3>登录到今天的时尚</h3>
                        <br>
                        <div class="social-btn">
                            <h6>登陆使用</h6>
                            <div class="fb-btn">
                                <i class="fa fa-facebook-official"></i><a href="#" class="fb-btn-text">脸书</a>
                            </div>
                            <div class="google-btn">
                                <i class="fa fa-google"></i><a href="#" class="google-btn-text">谷歌</a>
                            </div>
                        </div>
                        <div class="row">
                            <form action="http://localhost:3000/users/login" method="POST">
                                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label required" for="email">账号<sup style="color:red">*</sup></label>
                                        <input id="email" name="account" type="text" class="form-control" placeholder="账号">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label required" for="email">密码<sup style="color:red">*</sup></label>
                                        <input id="password" name="password" type="password" class="form-control" placeholder="密码">
                                    </div>
                                    <a href="#" class="forgot-password">忘记密码？</a>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <!-- <button class="btn btn-primary btn-block">登录</!-->
                                    <input class="btn btn-primary btn-block" type="submit" value="登录">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" value="">
                                           
                                            <p>记得我？</p>
                                             </label>
                                        
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                 <!--/.login-form-->
                      <!--sing-up-form-->
                   <!--/.sing-up-form-->
            </div>
        </div>
    </div>
       <!--/.forms-->
    <!-- footer start -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <!-- footer-contactinfo-start -->
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <div class="mb30"><img src="../images/ft-logo.png" alt=""></div>
                        <p>当今时尚是店面WooCommerce网站模板</p>
                        <div class="">
                            <ul>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-map-marker"></i></div>
                                    <div class="footer-address">1250 Mark Avenue Palace，艾哈迈达巴德-印度</div>
                                </li>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-envelope-open"></i></div>
                                    <div class="footer-address">info@shinecleaningservice.com</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- footer-contactinfo-close -->
                <!-- footer-useful links-start -->
                <div class=" col-lg-2 col-md-2 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">快速链接</h3>
                        <ul class="angle angle-right">
                            <li><a href="#">家  </a></li>
                            <li><a href="#">男装  </a></li>
                            <li><a href="#">女装</a></li>
                            <li><a href="#">关于我们  </a></li>
                            <li> <a href="#">博客</a></li>
                        </ul>
                    </div>
                </div>
                <!-- footer-useful links-close -->
                <!-- footer-product-list-start -->
                <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">最新产品</h3>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="../images/ft-post-1.jpg" alt="" class="img-responsive"></a>
                            </div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Zima leto</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$50</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="../images/ft-post-2.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">彪马</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$30</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"><img src="../images/ft-post-3.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">色拉</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$20</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer-product-list-close -->
                <!-- footer-newsletter-start -->
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
                    <div class="footer-widget">
                        <h3 class="footer-title">订阅新闻通讯</h3>
                        <p>输入您的电子邮件地址作为我们的邮件列表，以保持最新状态。</p>
                        <!-- Text input-->
                        <form>
                            <div class="newsletter-form">
                                <input type="text" class="form-control" placeholder="在这里搜寻">
                                <button type="Submit"><i class="fa fa-paper-plane-o"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- footer-newsletter-close -->
            </div>
            <!-- tiny- footer-start -->
            <div class="tiny-footer">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 mt20">©2020。保留所有权利。隐私政策</div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt20">
                        <div class="footer-social"> <a href="#"><span><i class="fa fa-facebook"></i></span></a> <a href="#"><span><i class="fa fa-google-plus"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-twitter"></i> </span></a> <a href="#"><span><i class=" fa fa-pinterest"></i> </span></a> <a href="#"><span><i class="fa fa-linkedin"></i></span></a> </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 mt20">
                        <div class="footer-pcard"> <a href="#"><span><i class="fa fa-cc-paypal"></i></span></a> <a href="#"><span><i class="fa fa-cc-mastercard"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-cc-visa"></i> </span></a> <a href="#"><span><i class="fa fa-cc-discover "></i> </span></a> </div>
                    </div>
                </div>
            </div>
            <!-- tiny-footer-close -->
        </div>
    </div>
    <!-- footer close -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../javascripts/jquery.min.js" type="text/javascript"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../javascripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="../javascripts/menumaker.js" type="text/javascript"></script>
    <script type="text/javascript" src="../javascripts/jquery.sticky.js"></script>
    <script type="text/javascript" src="../javascripts/sticky-header.js"></script>
     
     
</body>

</html>